<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>news</title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/news.css" />
	</head>
	<body>
		<div class="top-wrap">
			<div class="top w1700 flex flex-align-center flex-pack-justify">
				<div class="flex flex-align-center "><a href="" class="logo"><img src="img/logox.png" alt="" /></a>
					<img src="img/logo1.png" class="title" />
				</div>
				<div class="flex flex-align-center">
					<a href="" class="join">
						<img src="img/join.png" alt="" srcset="" />
					</a>
					<a href="" class="login">
						<img src="img/login.png" alt="" srcset="" />
					</a>
					<a href="" class="search">
						<img src="img/search.png" alt="" srcset="" />
					</a>
				</div>
			</div>
			<header class="header">
				<div class="navigation w1700">
					<ul>
						<li>
							<a href="index.html" class="nav">Home</a>
						</li>
						<li>
							<a href="about.html" class="nav">About Us</a>
							<ol>
								<li>
									<a href="about.html">Missions</a>
								</li>
								<li>
									<a href="about1.html">Committee</a>
								</li>

							</ol>
						</li>
						<li>
							<a href="publications.html" class="nav">What we do</a>
							<ol>
								<li>
									<a href="publications.html">Publications</a>
								</li>
								<li>
									<a href="conference.html">Conferences</a>
								</li>
								<li>
									<a href="award.html">Awards</a>
								</li>
								<li>
									<a href="proceedings.html">Proceedings</a>
								</li>
								<li>
									<a href="summer.html">Summer School</a>
								</li>
							</ol>
						</li>
						<li class="active">
							<a href="news.html" class="nav">News</a>
						</li>
						<li>
							<a href="membership.html" class="nav">Membership</a>
						</li>
					</ul>
				</div>
			</header>

		</div>
		<div class="news w1700">
			<div class="page-title">ISEES News</div>
			<div class="tabs flex flex-pack-justify">
				<a href="javascript:;" class="tab-item active">All</a>
				<a href="javascript:;" class="tab-item">Upcoming Events</a>
				<a href="javascript:;" class="tab-item">Conducted Events</a>
				<a href="javascript:;" class="tab-item">Call for Particpation</a>
			</div>
			<div>
				<div class="tab-panel">
					<a href="newsdetails4.html" class="news-item flex flex-align-center">
						<div class="imgbox"
							style="background: url(img/demo/news4.png) no-repeat center center;background-size: contain;">
							<!-- <img src="img/demo/demo2.png" alt="" srcset="" /> -->
						</div>
						<div class=" flex-1">
							<div class="txt ellipsis">
								A science talk from Zi Wu (editor of E3 journal) titled "Transport of active and passive
								particles across scales"
							</div>
							<div class="time">18/02/2024</div>
						</div>
					</a>
				</div>
				<div class="tab-panel">
					<a href="newsdetails2.html" class="news-item flex flex-align-center">
						<div class="imgbox"
							style="background: url(img/demo/news2.png) no-repeat center center;background-size: contain;">
							<!-- <img src="img/demo/demo2.png" alt="" srcset="" /> -->
						</div>
						<div class=" flex-1">
							<div class="txt ellipsis">
								The first Journal Impact Factor of Energy, Ecology and Environment is issued
							</div>
							<div class="time">28/06/2023</div>
						</div>
					</a>
					<a href="newsdetails.html" class="news-item flex flex-align-center">
						<div class="imgbox"
							style="background: url(img/demo/news1.png) no-repeat center center;background-size: contain;">
							<!-- <img src="img/demo/demo2.png" alt="" srcset="" /> -->
						</div>
						<div class=" flex-1">
							<div class="txt ellipsis">
								Texas wildfire ranks among larg
								estin U.S. history
							</div>
							<div class="time">08/06/2023</div>
						</div>
					</a>


				</div>

				<div class="tab-panel"><a href="newsdetails3.html" class="news-item flex flex-align-center">
						<div class="imgbox"
							style="background: url(img/demo/news3.png) no-repeat center center;background-size: contain;">
							<!-- <img src="img/demo/demo2.png" alt="" srcset="" /> -->
						</div>
						<div class=" flex-1">
							<div class="txt ellipsis">
								Open for application: Join the E3 Team as a Youth Journal Editor
							</div>
							<div class="time">01/01/2023</div>
						</div>
					</a>
				</div>
			</div>
		</div>
		<footer>
			<div class="w1700">
				<div class="copyright">Copyright © 2024 International Society of Energy and Environmental Science</div>
				<div class="email flex flex-align-center flex-pack-center">
					<img src="img/email.png" alt="" srcset="" />
					<span class="title">E-Mail</span>
					<span>energyecolenviron@163.com</span>
				</div>
				<div class="contact flex flex-align-center">
					<a href="https://www.facebook.com/groups/1634455563554703"><img class="factbook"
							src="img/factbook.png" alt="" srcset="" /></a>
					<a href="https://twitter.com/i/flow/login?redirect_after_login=%2FChenbinbnu"><img class="twitter"
							src="img/twitter.png" alt="" srcset="" /></a>
					<a href="https://www.linkedin.com/company/101918110/admin/feed/posts/?feedType=following"><img
							class="in" src="img/in.png" alt="" srcset="" /></a>
				</div>
			</div>
		</footer>
	</body>
</html>
<script src="js/jquery-2.1.1.min.js"></script>
<script>
	$(function() {
		$('.tabs .tab-item').click(function() {
			let index = $(this).index();
			$(this).addClass('active').siblings().removeClass('active');
			if (index == 0) {
				$('.tab-panel').show()
			} else {
				$('.tab-panel').eq(index - 1).show().siblings('.tab-panel').hide();
			}
		})
	})
</script>